<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>

    <!-- Basic Page Needs
  ================================================== -->
    <meta charset="utf-8">
    <title>10Hospital</title>
    <meta name="description" content="Free Responsive Html5 Css3 Templates | zerotheme.com">
    <meta name="author" content="www.zerotheme.com">

    <!-- Mobile Specific Metas
  ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/zerogrid.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">

    <script src="js/jquery.min.js"></script>
    <script>
        function over(obj) {
            obj.style.color = "#2196F3";
        }

        function out(obj) {
            obj.style.color = "aliceblue";
        }
        $(function() {
            $.get("header.html", function(data) {
                $("#header").html(data);
            });
        });
    </script>
    <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->

</head>

<body id="archive">
    <div class="wrap-body">

        <!--////////////////////////////////////Header-->
        <div id="header">
        </div>
        <header>
            <div class="wrap-banner">
                <div id="menu">
                    <nav>
                        <div class="wrap-nav">
                            <ul>
                                <li><a href="index.html">主页</a></li>
                                <li class="active"><a href="archive.html">报告</a></li>
                                <li><a href="single.html">关于我们</a></li>
                                <li><a href="contact.html">投诉</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="zerogrid">
                    <div class="col-2-3">
                        <div class="wrap-col">
                            <div class="top-title">
                                <h1>在线门诊系统</h1>
                                <p>欢迎来到第十组设计的在线门诊系统<br>如果你是患者，可以在此查看自己的病历信息，<br>如果你是门诊管理员，可以帮助患者挂号、收费，<br>如果你是医师，可以编写病历，开处方。<br>如果你是系统管理员，可以查看日访问人数、投诉日志等。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-1-3">
                        <div class="wrap-col">
                            &nbsp
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!--////////////////////////////////////Container-->
        <section id="container">
            <div class="wrap-container clearfix">
                <div class="zerogrid">
                    <div id="main-content" class="col-2-3">
                        <div class="wrap-content">
                            <article style="width: 90%;">
                                <div class="art-header">
                                    <h3><a href="Presentation/Presentation1.html">状态机图实验报告</a></h3>
                                    <div class="info">By <a href="#">方丹枫</a> on 2019/11/24 </div>
                                </div>
                                <div class="art-content">
                                    <img src="images/archive_1.jpg" />
                                    <h4>实验目的</h4><br>
                                    <p>使用UML为校医院门诊管理系统构建状态机图</p><br>
                                    <p>实验要求：</p><br>
                                    <p>1）基于类图中的核心类（至少2个），构建其状态机图；</p><br>
                                    <p>2）每个状态机图包含不少于5个状态（包括组合状态中的子状态）；</p><br>
                                    <p>3）状态机图要清晰、明了、美观。</p>
                                </div>
                                <a class="button button02 f-right" href="Presentation/Presentation1.html">MORE</a>
                            </article>
                            <article style="width: 90%;">
                                <div class="art-header">
                                    <h3><a href="Presentation/Presentation2.html">顺序图实验报告</a></h3>
                                    <div class="info">By <a href="#">王若凡</a> on 2019/11/17 </div>
                                </div>
                                <div class="art-content">
                                    <img src="images/archive_2.jpg" />
                                    <h4>实验目的</h4><br>
                                    <p>使用 UML为校医院门诊管理系统构建顺序图</p><br>
                                    <p>实验要求：</p><br>
                                    <p>1）基于用况图和类图，构建不少于3个顺序图；</p><br>
                                    <p>2）每个顺序图中包含不少于4个对象（或参与者）；</p><br>
                                    <p>3）顺序图中对方法调用、消息传递的描述要准确，注意区分消息的类型；</p><br>
                                    <p>4）针对不少于2个顺序图，给出详细的语言描述说明；</p><br>
                                    <p>5）顺序图要清晰、明了、美观。</p>
                                </div>
                                <a class="button button02 f-right" href="Presentation/Presentation2.html">MORE</a>
                            </article>
                            <article style="width: 90%;">
                                <div class="art-header">
                                    <h3><a href="Presentation/Presentation3.html">类图实验报告</a></h3>
                                    <div class="info">By <a href="#">孙茜茹</a> on 2019/11/10 </div>
                                </div>
                                <div class="art-content">
                                    <img src="images/archive_3.jpg" />
                                    <h4>实验目的</h4>
                                    <br>
                                    <p>(1)理解类的基本概念,类之间的关系,类的规约描述等等;</p>
                                    <br>
                                    <p>(2)掌握如何从需求分析中抽象出类,并构建类图的方法;</p>
                                    <br>
                                    <p>(3)掌握如何使用UML相关编辑工具绘制类图的过程与方法。</p>
                                </div>
                                <a class="button button02 f-right" href="Presentation/Presentation3.html">MORE</a>
                            </article>
                            <article style="width: 90%;">
                                <div class="art-header">
                                    <h3><a href="Presentation/Presentation4.html">用况图实验报告</a></h3>
                                    <div class="info">By <a href="#">姜志杰</a> on 2019/11/08 </div>
                                </div>
                                <div class="art-content">
                                    <img src="images/archive_4.jpg" />
                                    <h4>实验内容与步骤</h4><br>
                                    <h5>实验内容：</h5><br>
                                    <p>1.根据选题结果对所选课题进行细致、全面的面向对象需求分析；</p><br>
                                    <p>2.对需求分析结果进行建模：使用UML建模工具，构建用况图；</p><br>
                                    <p>3.针对用况图中体现的用况进行详细的用况描述。</p><br>
                                    <h5>实验步骤：</h5><br>
                                    <p>1.识别参与者：医师、专家、门诊管理员、药房、药库、患者、系统管理员；</p><br>
                                    <p>2.捕获用况（根据题目要求、常识以及网上资料）；</p><br>
                                    <p>3.识别参与者和参与者，用况与参与者之间的关系；</p><br>
                                    <p>4.用况描述；</p><br>
                                    <p>5.审查与调整；</p><br>
                                </div>
                                <a class="button button02 f-right" href="Presentation/Presentation4.html">MORE</a>
                            </article>
                        </div>
                    </div>
                    <div id="sidebar" class="col-1-3">
                        <div class="wrap-sidebar">
                            <!---- Start Widget ---->
                            <div class="widget wid-about">
                                <div class="wid-header">
                                    <h5>About Us</h5>
                                </div>
                                <div class="wid-content">
                                    <img src="images/15.jpg" />
                                    <p> 最菜小组，在线划水。给你全新的三观，带来极差的体验。咸鱼，翻了还是咸鱼。 </p>
                                </div>
                            </div>
                            <!---- Start Widget ---->
                            <!---- Start Widget ---->
                            <!---- Start Widget ---->
                            <!---- Start Widget ---->
                            <div class="widget wid-gallery">
                                <div class="wid-header">
                                    <h5>Gallery</h5>
                                </div>
                                <div class="wid-content">
                                    <img src="images/15.jpg">
                                    <img src="images/shunxu_01.png">
                                    <img src="images/shunxu_02.png">
                                    <img src="images/shunxu_03.png">
                                    <img src="images/class.png">
                                    <img src="images/yongkuang.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--////////////////////////////////////Footer-->
        <footer>
            <div class="zerogrid">
                <div class="wrap-footer">
                    <div class="row">
                        <div class="col-1-2">
                            <div class="wrap-col">
                                <div class="widget wid-about">
                                    <div class="wid-header">
                                        <h5>Welcome</h5>
                                    </div>
                                    <div class="logo">
                                        <a href="#"><img src="images/logo.png" /></a>
                                    </div>
                                    <p>欢迎各位病者选择第十组医院，这是对我院的信任，在这里祝愿给位病者早日康复，身体健康。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-1-2">
                            <div class="wrap-col">
                                <div class="widget wid-meta">
                                    <div class="wid-header">
                                        <h5>小组成员</h5>
                                    </div>
                                    <div class="widget-content">
                                        <div class="row">
                                            <ul>
                                                <li> 方丹枫 </li>
                                                <li> 王若凡 </li>
                                                <li> 孙茜茹 </li>
                                                <li> 姜志杰 </li>
                                                <li> 陈楚燚 </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-footer">
                <div class="wrap-bottom ">
                    <div class="copyright">
                        <p>©2019 第十组医院</p>
                    </div>
                </div>
            </div>
        </footer>


    </div>
</body>

</html>